<link href='http://gestiofcf.net/formacio2/app/webroot/css/mi_estilo.css' rel='stylesheet' type='text/css'>
<?php echo HTML::contenido('css/formacio/formacio.css'); ?>
<?php echo(HTML::script('formacio/jquery.isotope.js'));?>
 
<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="/">Portada</a></li>
        <li class="active">Formació</li>
      </ol>
    </div>
	<div class="container">
		<div class="row"> 
 
 
<!-- content 
			================================================== -->
		<div id="content" style="background-color: #F0F0F0;">
			<div class="inner-content" style="background-color: #F0F0F0;">
				<div class="portfolio-page" style="background-color: #F0F0F0;">
				    <div id="portafolio" class="portfolio-box isotope" style="overflow: hidden; position: relative; height: 1555px; padding-left: 40px;">
                        <?php 
                        
                        $stylo = 1;
                        foreach($curso as $portada) {
                            /**
 * $array[0]['titulo'] = "CURS 2N NIVELL";
 *                             $array[0]['descripcion'] = "Curs federatiu d’Entrenador Territorial. Es tracta d’un curs que ofereix en exclusiva la Federació Catalana de Futbol i que equival a la llicència UEFA A.";
 *                             echo json_encode($array);
 *                             exit();
 */
                            
			    $info = json_decode($portada->descripcion);
			    $titulo = $info[0]->titulo;
			    $descripcion = $info[0]->descripcion;
			    
			    
			    
                            echo '<div id="'. $portada->id . '" class="curso' . $stylo . ' project-post ' . $portada->categoria . '" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <div style="position: relative">
                                    <a href="' .  URL::to('formacio/editarcurso') . '">
                                       <img class="imagen_curso" src="http://gestiofcf.net/formacio2/app/webroot/img/'. $portada->imagen .'"/>  
                                    </a>
                                    <div class="opciones '. $portada->id . '">
								        
									       <div style="float:left; margin-right: 25px"><a href="' . URL::to('formacio/modificar_curso/' . $portada->id) . '">'. HTML::image("super_mono_3d_19.png","Logo") .'</a></div>
                                           <div style="float:left"><a href="' . URL::to('formacio/borrar_curso/' . $portada->id) . '">'. HTML::image("super_mono_3d_part2_96.png","Logo") .'</a></div>
								        
                                    </div>
                                    </div>				    
                                    <div class="titulo">
                                        <span>'.$titulo.'</span>
                                    </div>
                                    <div class="descripcion">
                                        <a href="' . URL::to('formacio/editarcurso') . '"><h2>'.$titulo.'</h2></a>
                                        <span>'.$descripcion.'</span>
                                    </div>
                                    
                                  </div>';
                            
			        
                            ++$stylo;
                            if($stylo == 3){
                                $stylo = 1;
                            }
                        }
                        ?>
						

					</div>	
				</div>
			</div>
		</div>
 	</div>
 </div>
		<!-- End content -->

<script>
    $('.project-post').mouseout(function(){
        elemento = $(this).attr('id');
        $('.' + elemento).hide();
    })
    $('.project-post').mouseover(function(){
        elemento = $(this).attr('id');
        $('.' + elemento).show();
    })
    
    
    
    var $container = $('#portafolio');
    
    function filtro(clase){

	var selector = clase;
        $container.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
         });

    }
    
    
    
    $container.isotope({
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });


    
</script>